﻿<RadioGroup @bind-Value="@size">
    <Radio Value="DescriptionsSize.Default">default</Radio>
    <Radio Value="DescriptionsSize.Middle">middle</Radio>
    <Radio Value="DescriptionsSize.Small">small</Radio>
</RadioGroup>
<br />
<br />
<Descriptions Title="@("Custom Size")" Bordered Size="@size">
    <DescriptionsItem Title="@("Product")">
        Cloud Database
    </DescriptionsItem>
    <DescriptionsItem Title="@("Billing")">Prepaid</DescriptionsItem>
    <DescriptionsItem Title="@("time")">18:00:00</DescriptionsItem>
    <DescriptionsItem Title="@("Amount")">$80.00</DescriptionsItem>
    <DescriptionsItem Title="@("Discount")">$20.00</DescriptionsItem>
    <DescriptionsItem Title="@("Official")">$60.00</DescriptionsItem>
    <DescriptionsItem Title="@("Config Info")">
        Data disk type: MongoDB
        <br />
        Database version: 3.4
        <br />
        Package: dds.mongo.mid
        <br />
        Storage space: 10 GB
        <br />
        Replication_factor:3
        <br />
        Region: East China 1
        <br />
    </DescriptionsItem>
</Descriptions>

@code{
    private string size = DescriptionsSize.Default;
}